<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
        <title>Select a Session</title>
        <link rel="stylesheet" type="text/css" href="css/style.css" />
	 </head>
    <body>
        <form>
            <table width = "100%">
                <tr valign="top">
                <td align="center">
                    <h3>CSI5130 Clicker App</h3>
                    <button type=button style="border: 0; background: transparent; position: fixed;
						top: 20px; left: 10px;">
                		<img src="images/new.png" width="40" height="40" onclick="ToDocreateANewQuestion?"/>
                	</button>
                </td>
               	</tr>
               	<tr>
                <td align="center">
                    Please select your session
                </td>
                </tr>
				<tr>
                <td align="center">
                	<br>
                	<!-- TODO:Iterate through the available sessions and populate below -->
                    <a href="#" class="button_a">Test Session 1</a>
                    <button type=button style="border: 0; position: relative; top: 12px; background: transparent">
                		<img align="left" src="images/edit.png" width="25" height="25" onclick="ToDoEditaQuestion?"/>
                	</button>
                	<button type=button style="border: 0; position: relative; top: 12px; background: transparent">
                		<img align="left" src="images/report.png" width="25" height="25" onclick="ToDoSendToReportPage?"/>
                	</button>
                	<button type=button style="border: 0; position: relative; top: 12px; background: transparent">
                		<img align="left" src="images/delete.png" width="25" height="25" onclick="ToDoDeleteQuestion/Session?"/>
                	</button><br> <br>
                    <a href="#" class="button_a">Test Session 2</a>  
                    <button type=button style="border: 0; position: relative; top: 12px; background: transparent">
                		<img align="left" src="images/edit.png" width="25" height="25" onclick="ToDoEditaQuestion?"/>
                	</button>
                	<button type=button style="border: 0; position: relative; top: 12px; background: transparent">
                		<img align="left" src="images/report.png" width="25" height="25" onclick="ToDoSendToReportPage?"/>
                	</button>
                	<button type=button style="border: 0; position: relative; top: 12px; background: transparent">
                		<img align="left" src="images/delete.png" width="25" height="25" onclick="ToDoDeleteQuestion/Session?"/>
                	</button><br> <br>
                    <a href="#" class="button_a">Test Session 3</a>
                    <button type=button style="border: 0; position: relative; top: 12px; background: transparent">
                		<img align="left" src="images/edit.png" width="25" height="25" onclick="ToDoEditaQuestion?"/>
                	</button>
                	<button type=button style="border: 0; position: relative; top: 12px; background: transparent">
                		<img align="left" src="images/report.png" width="25" height="25" onclick="ToDoSendToReportPage?"/>
                	</button>
                	<button type=button style="border: 0; position: relative; top: 12px; background: transparent">
                		<img align="left" src="images/delete.png" width="25" height="25" onclick="ToDoDeleteQuestion/Session?"/>
                	</button>
                </td>
                </tr>
            </table>
        </form>
    </body>
</html>